<%@ page contentType="text/html;charset=UTF-8" %>﻿
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8"/>
<title>网吧管理系统 - 会员卡充值记录</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<c:import url="../common/commoncss.jsp" ></c:import>
<link rel="stylesheet" type="text/css" href="${ctx}/static/metronic/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
<link rel="stylesheet" type="text/css" href="${ctx}/static/metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
</head>
<body class="page-header-fixed page-quick-sidebar-over-content page-style-square"> 
	<!-- BEGIN HEADER -->
	<c:import url="../common/head.jsp" ></c:import>
	<!-- END HEADER -->

	<div class="clearfix"></div>

<!-- BEGIN CONTAINER -->
<div class="page-container">
	<!-- BEGIN SIDEBAR -->
	<c:import url="../common/left.jsp" ></c:import>
	<!-- END SIDEBAR -->
	<!-- BEGIN CONTENT -->
	<div class="page-content-wrapper">
		<div class="page-content">
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
			会员卡充值统计
			
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="javascript:;">报表</a>
						<i class="fa fa-angle-right"></i>
						<a href="javascript:;">会员卡充值统计</a>
					</li>
				</ul>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-12">
					<!-- Begin: life time stats -->
					<div class="portlet box blue-madison">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-globe"></i>会员充值记录/统计
							</div>
							<div class="actions">
								<div class="btn-group">
									<a class="btn default" href="#" data-toggle="dropdown">
									统计字段 <i class="fa fa-angle-down"></i>
									</a>
									<div id="tjColRadios" class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
										<label><input type="radio" name="tjCol" checked value="" data-column="0">无</label>
										<label><input type="radio" name="tjCol" value="shopName" data-column="1">门店</label>
										<label><input type="radio" name="tjCol" value="sName" data-column="2">会员</label>
										<label><input type="radio" name="tjCol" value="sOperator" data-column="3">操作人</label>
										<label><input type="radio" name="tjCol" value="sType" data-column="4">操作类型</label>
									</div>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="table-container">
								<table class="table table-striped table-bordered table-hover" id="datatable_ajax">
								<thead>
								<tr></tr>
								<tr role="row" class="heading">
									<th width="2%">
										<input type="checkbox" class="group-checkable">
									</th>
									<th width="15%">
										 会员号
									</th>
									<th width="10%">
										 会员姓名
									</th>
									<th width="10%">
										 会员类型
									</th>
									<th width="10%">
										 充值金额
									</th>
									<th width="10%">
										 操作类型
									</th>
									<th width="10%">
										 操作人
									</th>
									<th width="15%">
										 门店
									</th>
									<th width="20%">
										 充值时间
									</th>
									<th width="10%">
										 
									</th>
								</tr>
								<tr role="row" class="filter">
									<td>
									</td>
									<td>
										<input type="text" class="form-control form-filter input-sm" name="cardID">
									</td>
									<td>
										<input type="text" class="form-control form-filter input-sm" name="name">
									</td>
									<td>
										<input type="text" class="form-control form-filter input-sm" name="sCardType">
									</td>
									<td>
										<div class="margin-bottom-5">
											<input type="text" class="form-control form-filter input-sm" name="remainForm" placeholder="大于"/>
										</div>
										<input type="text" class="form-control form-filter input-sm" name="remainTo" placeholder="小于"/>
									</td>
									<td>
										<select id="type" class="bs-select form-control form-filter" name="type">
											<option value="">全部</option>
											<option value="加钱">加钱</option>
											<option value="奖励">奖励</option>
										</select>
									</td>
									<td>
										<input type="text" class="form-control form-filter input-sm" name="operator">
									</td>
									<td>
										<!-- 
										<input type="text" class="form-control form-filter input-sm" name="shopName">
										-->
										<select id="selectShopName" class="bs-select form-control form-filter" name="shopName">
											<option value="">全部</option>
										</select>
									</td>
									<td>
									<!-- 
										<div class="input-group date date-picker margin-bottom-5" data-date-format="yyyy-mm-dd">
											<input type="text" class="form-control form-filter input-sm" readonly name="dtTimeFrom" placeholder="起始时间">
											<span class="input-group-btn">
											<button class="btn btn-sm default" type="button"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
										<div class="input-group date date-picker" data-date-format="yyyy-mm-dd">
											<input type="text" class="form-control form-filter input-sm" readonly name="dtTimeTo" placeholder="结束时间">
											<span class="input-group-btn">
											<button class="btn btn-sm default" type="button"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
										-->
										<div class="input-group date form_meridian_datetime margin-bottom-5" >
											<input type="text" size="26" class="form-control form-filter" name="dtTimeFrom" placeholder="起始时间">
											<span class="input-group-btn">
											<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
										<div class="input-group date form_meridian_datetime margin-bottom-5" >
											<input type="text" size="26" class="form-control form-filter" name="dtTimeTo" placeholder="结束时间">
											<span class="input-group-btn">
											<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
									</td>
									<td>
										<div class="margin-bottom-5">
											<!-- datatable 插件自动绑定查询事件datatable-filter-submit -->
											<button class="btn btn-sm yellow margin-bottom " id="datatable-filter-submit"><i class="fa fa-search"></i> 查询</button>
										</div>
										<button class="btn btn-sm red"  id="datatable-filter-cancle"><i class="fa fa-times"></i> 重置1</button>
									</td>
								</tr>
								
								</thead>
								<tbody>
								</tbody>
								</table>
								充值总额：<b><span style="color:green;" id="remainTotal"></span>，奖励总额：<span style="color:orange;" id="rewordTotal">3331</span>，平均折扣：<span style="color:blue;" id="persent">123.2%</span></b>
							</div>
						</div>
					</div>
					<!-- End: life time stats -->
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
	</div>
	<!-- END CONTENT -->
	<form style="display:none" method="post" id="exportForm" action="${ctx}/report/exportRechargeLog">
		<input type="hidden" name="exportRequestJson" id="exportRequestJson" style="display:none" />
	</form>
	<form style="display:none" method="post" id="exportFormPensent" action="${ctx}/report/exportRechargePencent">
		<input type="hidden" name="exportPensentRequestJson" id="exportPensentRequestJson" style="display:none" />
	</form>
	
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<c:import url="../common/footer.jsp" ></c:import>
<!-- END FOOTER -->
<c:import url="../common/commonjs.jsp" ></c:import>

<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/select2/select2.min.js"></script>
<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/bootstrap-select/bootstrap-select.min.js"></script>
<script type="text/javascript" src="${ctx}/static/metronic/assets/global/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
<script src="${ctx}/static/metronic/assets/global/scripts/datatable.js"></script>
<script src="${ctx}/static/report/report.js"></script>

<script>
jQuery(document).ready(function() {    
   Metronic.init(); // init metronic core componets
   Metronic.setAssetsPath("${ctx}/static/metronic/assets/");
   Layout.init(); // init layout
   Demo.init(); // init demo features 
   
   cleanMenuActive();
   TableAjax.init();
   activeMenu(["menu-report","menu-rechargelog"]);
});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>